<!DocType html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>test</title>
    <script></script>
<!--    会导致加载本地相对路径错误,正常情况下加载 url资源没有问题-->
<!--    <base href="http://www.runoob.com/" target="_blank">-->
</head>
<body>
<script>
    function changePic()
    {
        // document.getElementById("demo").innerHTML="Hello JavaScript!";
        document.getElementById("imgId").src = "./h5Resource2/videocall.png"
        var node = document.documentElement.firstChild;
        if (node.nodeType === Node.ELEMENT_NODE) {
            console.log('该节点是元素节点');
        }

        // document.getElementById('imgId').dispatchEvent()
    }
</script>


<h1>h1 header</h1>
<p>中文是否乱码</p>
<a href="http://www.baidu.com">link</a>
<br/>
<a href="http://www.baidu.com" target="_blank">link_newWindow</a>

<br/>
<a href="html/html-colornames.html" target="_blank">baseLink</a>



<h1>这个标题</h1>
<font size="6">这是6号字体文本</font>
<p style="color: #0000FF">这是段路</p>

<!--下划线-->
<hr/>
<!--插入单个折行（换行）-->
<br/>


<!--  资源文件夹和html文件在同一个路径，下面2种方式 -->
<img id="imgId" src="./h5Resource2/mic.png">

<!--<button onclick='document.getElementById("imgId").src = "./h5Resource2/videocall.png"'>修改图片</button>-->
<button onclick='changePic()'>修改图片</button>

<br/>
<script type="text/javascript" src="../js/autoQR.js"></script>

</body>
</html>